<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  setup() {
    const code = `
var data = {
    'token': 'token', 
    'uid': 'xxx', 
    'model': 'xxx', 
    'text': '这是一个示例，通过文字，代码，图片记录学习中的点滴’。'
};
console.log(data );
    `;
    const imgUrl = new URL("../assets/img/example.jpg", import.meta.url).href;
    return {
      code,
      imgUrl,
    };
  },
});
</script>

<template>
  <div class="home-box">
    <my-title :pageTitle="true">example</my-title>
    <my-title >sub title</my-title>
    <my-code-viewer :code="code"></my-code-viewer>
    <my-block>
      {{
        `这是一个example。
            主要用来 记 录学习vue3时的思考。`
      }}
    </my-block>
    <my-img :url="imgUrl"></my-img>
  </div>
</template>

<style lang="scss" scoped></style>
